﻿@charset "utf-8";


ul li {
    padding: 0;
    margin: 0;
    background-image: none;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
}

.nav {
    height: 86px;
    overflow: hidden;
    display: block;
}

.nav_top {
    background: #F22400;
    height: 50px;
    margin: 0 auto;
    position: relative;
}

.lx-nav {
    width: 150px;
    float: left;
    color: #FFF;
    font-size: 20px;
    line-height: 50px;
}

.nav1-p {
    letter-spacing: 5px;
}
    /*.lx-nav .t1, .lx-nav .t2, .lx-nav .t3, .lx-nav .t4, .lx-nav .t5, .lx-nav .t6, .lx-nav .t7, .lx-nav .t8, .lx-nav .t9, .lx-nav .t10, .lx-nav .t11 {letter-spacing:1px;text-indent:1.5em;-webkit-transition:.2s background-position-y;text-align:center;transition:.2s background-position-y; }
.lx-nav .t1{background:url(/Content/template/1/images/daohang/shouye.png) no-repeat 10px center transparent;}
.lx-nav .t1:hover{background:url(/Content/template/1/images/daohang/shouye2.png) no-repeat 10px center transparent;background-color: #EEE;color:#F22400;}
.lx-nav .t2{background:url(/Content/template/1/images/daohang/news.png) no-repeat 10px center transparent;}
.lx-nav .t2:hover{background:url(/Content/template/1/images/daohang/news2.png) no-repeat 10px center transparent;background-color: #EEE;color:#F22400;}
.lx-nav .t3{background:url(/Content/template/1/images/daohang/huodong.png) no-repeat 10px center transparent;}
.lx-nav .t3:hover{background:url(/Content/template/1/images/daohang/huodong2.png) no-repeat 10px center transparent;background-color: #EEE;color:#F22400;}
.lx-nav .t4{background:url(/Content/template/1/images/daohang/chuangjian.png) no-repeat 10px center transparent;}
.lx-nav .t4:hover{background:url(/Content/template/1/images/daohang/chuangjian2.png) no-repeat 10px center transparent;background-color: #EEE;color:#F22400;}
.lx-nav .t5{background:url(/Content/template/1/images/daohang/dianxin.png) no-repeat 10px center transparent;} 
.lx-nav .t5:hover{background:url(/Content/template/1/images/daohang/dianxin2.png) no-repeat 10px center transparent;background-color: #EEE;color:#F22400;}
.lx-nav .t6{background:url(/Content/template/1/images/daohang/daode.png) no-repeat 10px center transparent;}
.lx-nav .t6:hover{background:url(/Content/template/1/images/daohang/daode2.png) no-repeat 10px center transparent;background-color: #EEE;color:#F22400;}
 .lx-nav .t7{background:url(/Content/template/1/images/daohang/gonggao.png) no-repeat 10px center transparent;}
.lx-nav .t7:hover{background:url(/Content/template/1/images/daohang/gonggao2.png) no-repeat 10px center transparent;background-color: #EEE;color:#F22400;}
 .lx-nav .t8{background:url(/Content/template/1/images/daohang/difang.png) no-repeat 10px center transparent;}
.lx-nav .t8:hover{background:url(/Content/template/1/images/daohang/difang2.png) no-repeat 10px center transparent;background-color: #EEE;color:#F22400;}*/


    .nav1-p a {
        padding: 0 0 0 0;
        display: block;
        color: #FFF;
        height: 50px;
        font-family: "Microsoft YaHei","微软雅黑","SimSun","宋体";
        font-weight: bold;
        font-size: 18px;
    }





/*添加关于网络文明建设的调查问卷开始*/
.lx-btn {
    width: 16px;
    padding-top: 26px;
    position: fixed;
    right: 50%;
    top: 280px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    z-index: 100;
    margin-right: -550px;
    animation: shake 2s 2s linear forwards infinite;
    -webkit-animation: shake 2s 2s linear forwards infinite;
}

    .lx-btn:hover {
        animation: none;
        -webkit-animation: none;
    }

    .lx-btn span {
        color: #f00;
    }

    .lx-btn img {
        position: absolute;
        left: 0;
        top: 80px;
        width: 0;
        height: 160px;
    }

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -ms-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(5px, 0, 0);
        -ms-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

div.slideBox2 {
    position: relative;
    width: 670px;
    height: 300px;
    overflow: hidden;
}

    div.slideBox2 ul.items {
        position: absolute;
        float: left;
        background: none;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        div.slideBox2 ul.items li {
            float: left;
            background: none;
            list-style: none;
            padding: 0px;
            margin: 0px;
        }

            div.slideBox2 ul.items li a {
                float: left;
                line-height: normal !important;
                padding: 0px !important;
                border: none /*For IE.ADD.JENA.201206300844*/;
            }

                div.slideBox2 ul.items li a img {
                    margin: 0px !important;
                    padding: 0px !important;
                    display: block;
                    border: none /*For IE.ADD.JENA.201206300844*/;
                }

    div.slideBox2 div.tips {
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 30px;
        background-color: #000;
        overflow: hidden;
    }

        div.slideBox2 div.tips div.title {
            position: absolute;
            left: 0px;
            top: 0px;
            height: 100%;
            width:250px;
        }

            div.slideBox2 div.tips div.title a {
                color: #FFF;
                font-size: 12px;
                line-height: 30px;
                margin-left: 10px;
                text-decoration: none;
            }

                div.slideBox2 div.tips div.title a:hover {
                    text-decoration: underline !important;
                }

        div.slideBox2 div.tips div.nums {
            position: absolute;
            right: 0px;
            top: 0px;
            height: 100%;
        }

            div.slideBox2 div.tips div.nums a {
                display: inline-block;
                float: left;
                width: 15px;
                height: 15px;
                background-color: #FFF;
                text-indent: -99999px;
                margin: 8px 10px 0px 0px;
            }

                div.slideBox2 div.tips div.nums a.active {
                    background-color: #ee2700;
                }



.lx-nav .t1, .lx-nav .t2, .lx-nav .t3, .lx-nav .t4, .lx-nav .t5, .lx-nav .t6, .lx-nav .t7, .lx-nav .t8, .lx-nav .t9, .lx-nav .t10, .lx-nav .t11 {
    text-indent: 2.5em;
    letter-spacing: 1px;
    -webkit-transition: .2s background-position-y;
    ;
    transition: .2s background-position-y;
    background: url(/Content/template/1/images/daohang/daohangbg.png) 10px 0 no-repeat;
}

.lx-nav .t1 {
    background-position: -15px -34px;
}
/*.lx-nav .t1 ul{padding-left:40px;   }
.lx-nav .t1 ul{padding-left:265px;   }
.lx-nav .t1 ul{padding-left:40px;   }
.lx-nav .t1 ul{padding-left:40px;   }
.lx-nav .t1 ul{padding-left:40px;   }
.lx-nav .t1 ul{padding-left:40px;   }
.lx-nav .t1 ul{padding-left:40px;   }*/
.lx-nav .t2 {
    background-position: -240px -34px;
}

.lx-nav .t3 {
    background-position: -455px -34px;
}

.lx-nav .t4 {
    background-position: -665px -35px;
}

.lx-nav .t5 {
    background-position: -871px -34px;
}

.lx-nav .t6 {
    background-position: -1080px  -34px;
}

.lx-nav .t7 {
    background-position: -1288px -33px;
}

.lx-nav .t8 {
    background-position: -1497px -34px;
}

.lx-nav .t9 {
    background-position: -950px 34px;
}

.lx-nav .t10 {
    background-position: -1070px 0;
}

.lx-nav .t11 {
    background-position: -1190px 0;
}

.lx-nav .t1:hover {
    background-color: #EEE;
    background-position: 15px -50px;
}

.lx-nav .t2:hover {
    background-color: #EEE;
    background-position: -105px -50px;
}

.lx-nav .t3:hover {
    background-color: #EEE;
    background-position: -455px -50px;
}

.lx-nav .t4:hover {
    background-color: #EEE;
    background-position: -665px -50px;
}

.lx-nav .t5:hover {
    background-color: #EEE;
    background-position: -465px -50px;
}

.lx-nav .t6:hover {
    background-color: #EEE;
    background-position: -585px -50px;
}

.lx-nav .t7:hover {
    background-color: #EEE;
    background-position: -705px -50px;
}

.lx-nav .t8:hover {
    background-color: #EEE;
    background-position: -825px -50px;
}

.lx-nav .t9:hover {
    background-color: #EEE;
    background-position: -945px -50px;
}

.lx-nav .t10:hover {
    background-color: #EEE;
    background-position: -1065px -50px;
}

.lx-nav .t11:hover {
    background-color: #EEE;
    background-position: -1185px -50px;
}

.lx-nav div a:hover, .Hotnews .title a:hover {
    color: #ff0000 !important;
    text-decoration: none;
}

.lx-nav div, .province_more {
    position: relative;
}

.nav_box .current .nav1-p {
    background-position: - -10px;
}

.nav_bottom-C {
    width: 100%;
    height: 36px;
    background: #eee;
    position: absolute !important;
    left: 0;
    display: none;
}

.lx-nav:hover .nav_bottom-C {
    display: block;
    transition: .3s;
    -webkit-transition: .3s;
}

.nav_bottom-C ul { 
    margin: 0 auto;
}

.nav_bottom-C li {
    float: left;
    padding: 0 10px;
    line-height: 36px;
    font-size: 16px;
    font-family: "Microsoft YaHei","微软雅黑","SimSun","宋体";
    white-space: nowrap;
}

    .lx-nav:hover, .box_title .font3 a, .nav_bottom-C li a {
        color: #333;
    }
  .nav_bottom-C ul.nav_bottom-C01 { 
    padding-left: 50px;
}
    .nav_bottom-C ul.nav_bottom-C02 { 
    padding-left:280px;
}
.nav_bottom-C ul.nav_bottom-C03 { 
    padding-left: 260px;
}

.nav_bottom-C ul.nav_bottom-C04 { 
    padding-left: 550px;
}

.nav_bottom-C ul.nav_bottom-C05 { 
    padding-left: 570px;
}

.nav_bottom-C ul.nav_bottom-C06 { 
    padding-left: 820px;
}

.nav_bottom-C ul.nav_bottom-C07 { 
    padding-left: 9px;
}

.nav_bottom-C ul.nav_bottom-C08 { 
    padding-left: 200px;
}

.nav_bottom-C ul.nav_bottom-C09 {
    width: 680px;
    padding-left: 320px;
}

.nav_bottom-C ul.nav_bottom-C10 {
    width: 570px;
    padding-left: 430px;
}

.lx-nav:hover .t1 {
    background-color: #EEE;
    color: #F22400;
    background-position: -15px -97px;
}

.lx-nav:hover .t2 {
    background-color: #EEE;
    color: #F22400;
    background-position: -240px -96px;
}

.lx-nav:hover .t3 {
    background-color: #EEE;
    color: #F22400;
    background-position: -455px -94px;
}

.lx-nav:hover .t4 {
    background-color: #EEE;
    color: #F22400;
    background-position: -665px -96px;
}

.lx-nav:hover .t5 {
    background-color: #EEE;
    color: #F22400;
    background-position: -871px -97px;
}

.lx-nav:hover .t6 {
    background-color: #EEE;
    color: #F22400;
    background-position: -1080px -96px;
}

.lx-nav:hover .t7 {
    background-color: #EEE;
    color: #F22400;
    background-position: -1288px  -94px;
}

.lx-nav:hover .t8 {
    background-color: #EEE;
    color: #F22400;
    background-position: -1497px -98px;
}

.lx-nav:hover .t9 {
    background-color: #EEE;
    color: #F22400;
    background-position: -950px -50px;
}

.lx-nav:hover .t10 {
    background-color: #EEE;
    color: #F22400;
    background-position: -1070px -50px;
}

.lx-nav:hover .t11 {
    background-color: #EEE;
    color: #F22400;
    background-position: -1190px -50px;
}

    .lx-nav:hover .t1 a, .lx-nav:hover .t2 a, .lx-nav:hover .t3 a, .lx-nav:hover .t4 a, .lx-nav:hover .t2 a, .lx-nav:hover .t5 a, .lx-nav:hover .t6 a, .lx-nav:hover .t7 a,
    .lx-nav:hover .t8 a, .lx-nav:hover .t9 a, .lx-nav:hover .t10 a, .lx-nav:hover .t11 a {
        color: #F22400;
    }

.picScroll-left {
    overflow: hidden;
    position: relative;
}

    .picScroll-left .bd {
        padding: 10px;
    }

        .picScroll-left .bd ul {
            overflow: hidden;
            zoom: 1;
        }

            .picScroll-left .bd ul li {
                margin: 0 4px;
                float: left;
                _display: inline;
                overflow: hidden;
                text-align: center;
            }

                .picScroll-left .bd ul li .pic {
                    text-align: center;
                }

                    .picScroll-left .bd ul li .pic img {
                        width: 100px;
                        height: 140px;
                        display: block;
                        padding: 2px;
                    }

                    .picScroll-left .bd ul li .pic a:hover img {
                        border-color: #999;
                    }

                .picScroll-left .bd ul li .title {
                    line-height: 24px;
                }
